.el-button {
  border-radius: 3px;
  span {
    font-size: 12px;
  }
}

.el-button + .el-button {
	margin-left: 8px;
}

.el-table .el-table__cell {
	padding: 11px 0;
}

.el-table {
  --el-table-border-color: #f0f0f0;
  --el-table-text-color:#3F435E;
  --el-table-header-text-color:#282C42;
}

.el-radio-button {
	--el-radio-button-checked-bg-color: #e8efff;
	--el-radio-button-checked-text-color: #3f435e;
	--el-radio-button-checked-border-color: #b4c8fd;
}

.el-radio-button__inner {
	font-size: 12px;
	padding: 8px 12px;
}

.el-message-box {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	width: 312px;
	&__title {
		font-weight: 600;
		font-size: 16px;
		color: #282c42;
	}
	&__btns {
		padding-top: 8px;
	}
}

.el-tree-node__content,
.el-tree-select__popper .el-select-dropdown__item,
.el-select-dropdown__item .el-radio {
	height: 26px;
	line-height: 26px;
}

.el-tree {
	--el-tree-node-hover-bg-color: #f2f6ff;
	--el-tree-text-color: #5f627d;
	.is-current .el-tree-node__label {
		color: #567ced;
	}
	.is-current .el-tree-node__children .el-tree-node__label {
		font-weight: normal;
		color: #5f627d;
	}
}

.el-input__suffix {
  .el-input__icon {
    color: #b4c8fd;
    font-size: 12px;
  }
}

.el-tag {
	padding: 0 6px;
	height: 22px;
  border-radius: 2px;
}

.el-checkbox {
  --el-checkbox-checked-bg-color:#DBE6FF;;
  --el-checkbox-input-border:1px solid #567CED;
  --el-checkbox-checked-icon-color:#567CED;
}

:root {
	--el-color-primary: #567ced;
	--el-text-color-regular: #3f435e;
	--el-text-color-secondary: #282c42;
	--el-border-color: #b4c8fd;
	--el-fill-color-light: #f5f7fa;
	--el-color-warning: #f48e3f;
	--el-color-info: #5f627d;
  --el-border-radius-base: 4px;
  --el-border-color-hover: #567ced;
}

.el-form {
	.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label,
	.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label {
		position: relative;
		&:before {
			position: absolute;
			left: -10px;
			top: 60%;
			transform: translateY(-50%);
		}
	}
}

.el-message{
  background: #fff;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  padding: 12px 20px;
  .el-message__content{
    color: #3F435E;
    font-size: 14px;
  }
  .el-icon.el-message__icon{
    font-size: 20px;
  }
  .el-message-icon--success{
    color:#2BE07C;
  }
  .el-message-icon--error{
    color:#ED5668;
  }
  .el-message-icon--info{
    color:#4d6bff;
  }
}

.input-number-align-left {
  .el-input__inner {
    text-align: left;
  }
}

.avatar-uploader  {
  .el-upload--text {
    width: 80px;
    height: 80px;
    border: 1px dashed #cdd0d6;
    border-radius: 4px;
    padding: 6px;
  }
  .el-upload__tip {
    line-height: normal;
    margin-top: 2px;
    color: #999;
  }
  .avatar-uploader-icon {
    width: 100%;
    height: 100%;
    font-size: 32px;
    color: #cacaca;
  }
  .avatar {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
}